Page({
  data: {
    taskId: null,
    messages: [],
    inputValue: ''
  },

  onLoad(options) {
    if (options.taskId) {
      this.setData({
        taskId: options.taskId
      })
      this.loadChatMessages(options.taskId)
      wx.setNavigationBarTitle({
        title: '任务群聊'
      })
    }
  },

  loadChatMessages(taskId) {
    // 这里应该调用获取聊天消息的接口
    // 暂时使用假数据
    const messages = [
      {
        id: 1,
        user: '张三',
        time: '10:30',
        content: '大家好，这是任务群聊'
      },
      {
        id: 2,
        user: '李四',
        time: '10:32',
        content: '收到，我会尽快完成'
      },
      {
        id: 3,
        user: '王五',
        time: '10:35',
        content: '有什么需要帮助的吗？'
      }
    ]
    
    this.setData({
      messages: messages
    })
  },

  onInput(e) {
    this.setData({
      inputValue: e.detail.value
    })
  },

  onSend() {
    if (this.data.inputValue.trim() === '') {
      return
    }
    
    // 这里应该调用发送消息的接口
    const newMessage = {
      id: this.data.messages.length + 1,
      user: '我',
      time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }),
      content: this.data.inputValue
    }
    
    this.setData({
      messages: [...this.data.messages, newMessage],
      inputValue: ''
    })
    
    // 滚动到底部
    this.scrollToBottom()
  },

  scrollToBottom() {
    wx.createSelectorQuery()
      .select('.chat-container')
      .boundingClientRect((rect) => {
        wx.pageScrollTo({
          scrollTop: rect.height,
          duration: 300
        })
      })
      .exec()
  }
})